.side-bar {
    position: fixed;
    right: 20px;
    bottom: 6%;
    z-index: 2048;
    width: 70px;
    height: 410px;
    border: 1px solid #999;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #1B1B1B;
    font-style: 12px;
    .side-bar-item {
        width: 100%;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        img {
            width: 46px;
            height: 46px;
            &:last-child {
                width: 66px;
                height: 36px;
            }
        }
        &:last-child {
            height: 36px;
            flex: none;
            margin: 8px 0;
        }
        span {
            margin-top: 8px;
            color: #999;
        }
        &:nth-child(2),
        &:nth-child(4) {
            background-color: #333;
        }
    }
}